/* 本例子css */
.taboxz{width:100%; float:left; background:#f0f0f0; padding-top:70px; padding-bottom:70px;}
.tabox{width:1205px;margin:30px auto;}
.tabox .hd{overflow:hidden;width:308px;float:left;}
.tabox .hd li{position:relative;text-align:center;width:308px;float:left;border:2px solid #f0f0f0;border-top:0;cursor:default; line-height:135px; font-size:23px;background:#fff; -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s;}
.tabox .hd li.on{width:308px;background:#bf1b3e;border-bottom:2px solid #f0f0f0; text-align:center; line-height:135px; color:#FFFFFF; font-size:23px; -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s;}
.tabox .bd{width:892px; float:left}
.tabox .lh{ background:url(../images/nb.png) right; width:420px; height:220px; float:right; margin-top:433px; color:#FFFFFF; padding:30px 50px 0px  50px; font-size:16px; line-height:28px; }
.tabox .lh h5{ font-size:30px; line-height:55px; font-weight:normal}
.tabox .lh1{ width:100%;}

.pcb1{ background:url(../images/p1.jpg) no-repeat; width:892px; height:683px;}
.pcb2{ background:url(../images/p2.jpg) no-repeat; width:892px; height:683px;}
.pcb3{ background:url(../images/p3.jpg) no-repeat; width:892px; height:683px;}
.pcb4{ background:url(../images/p4.jpg) no-repeat; width:892px; height:683px;}
.pcb5{ background:url(../images/p5.jpg) no-repeat; width:892px; height:683px;}
@media all and (max-width:768px){

.taboxz{width:100%; float:left; background:#f0f0f0; padding-top:5px; padding-bottom:20px;}
.tabox{width:100%;margin:0px auto;}
.tabox .hd{overflow:hidden;width:100%;float:left;}
.tabox .hd li{position:relative;text-align:center;width:48.5%;float:left;border:2px solid #f0f0f0;border-top:0;cursor:default; line-height:30px; font-size:12px;background:#fff; -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s;}
.tabox .hd li.on{width:48.5%;background:#bf1b3e;border-bottom:2px solid #f0f0f0; text-align:center; line-height:30px; color:#FFFFFF; font-size:14px; -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s;}
.tabox .bd{width:100%; float:left}
.tabox .lh{ background:url(../images/nb.png) right; width:90%; height:150px; float:right; margin-top:243px; color:#FFFFFF; padding:10px 5% 0px  5% ; font-size:13px; line-height:22px; }
.tabox .lh h5{ font-size:17px; line-height:30px; font-weight:normal}
.tabox .lh1{ width:100%;}

.pcb1{ background:url(../images/p1.jpg) no-repeat; width:100%; height:403px; background-size:cover}
.pcb2{ background:url(../images/p2.jpg) no-repeat; width:100%; height:403px; background-size:cover}
.pcb3{ background:url(../images/p3.jpg) no-repeat; width:100%; height:403px; background-size:cover}
.pcb4{ background:url(../images/p4.jpg) no-repeat; width:100%;  height:403px; background-size:cover}
.pcb5{ background:url(../images/p5.jpg) no-repeat; width:100%;  height:403px; background-size:cover}
}